// 对于axios函数库进行二次封装？
// 你的工作的时候是否axios进行二次封装？二次封装的目的是什么
// 1.利用axios请求、响应拦截器功能
// 2.请求拦截器，一般可以在请求头中携带公共参数：token
// 3.响应拦截器，可以简化服务器返回的数据，处理http的网络错误

import axios from "axios";
// 引入用户相关的仓库
import  userStore  from '@/store/modules/user';
// @ts-ignore
import { ElMessage } from 'element-plus';

// 利用axios.create方法创建一个实例：可以设置基础路径、超时的时间设置
const request = axios.create({
    baseURL: '/api',
    timeout: 5000 //超时事件设置，超出5秒请求就是失败

});

// 请求拦截器
request.interceptors.request.use((config) => {
    // 获取用户仓库
    let UserStore = userStore();
    if(UserStore.userInfo.token){
        config.headers.token = UserStore.userInfo.token;
    }
    // config:请求拦截器回调注入的对象（配置对象），配置对象的身上最重要的一件事情headers属性
    // 可以通过请求头携带公共参数-token
    return config;
});
//响应拦截器
request.interceptors.response.use((response) => {
    // 响应拦截器成功的回调,一般会进行简化数据
    return response.data;

}, (error) => {
    // 处理http错误
    let status = error.response.status

    switch (status) {
        case 404:
            // 错误的提示信息
            ElMessage({
                type: 'error',
                message: '请求失败路径出现问题'
            })
            break;
        case 500 | 501 | 502 | 503 | 504:
            ElMessage({
                type: 'error',
                message: '服务器挂了'
            })
            break;
        case 401:
            // 错误的提示信息
            ElMessage({
                type: 'error',
                message: '参数有误'
            })
            break;
    }
    return Promise.reject(new Error(error.message))
});

// 务必对外暴露axios

export default request;